$(function () {
    $('.header-logo').css('backgroundImage', ' url(./images/indexlogo1.png)')
    $('.header').css('backgroundColor', '#fff');
    $('.header .text').css('color', '#333');
    $('.header-menu').off('mouseleave');
    $('.header-menu').mouseleave(function () {
        $('.header-menu-item').stop().animate({
            height: 90,
        }, 500);
    })
    $('.swiper-wrapper').stop().animate({
        left : 0
    })
    $('#history-nav .progress').on('click' , function(){
        $(this).addClass('current').parent().siblings().find('.progress').removeClass('current');
        let rLeft = $(this).offset().left;
        let index = $(this).parent().data('id');
        if(index == 2008){
            $('.swiper-wrapper').stop().animate({
                left : 0
            })
        }else if (index == 2012){
            $('.swiper-wrapper').stop().animate({
                left :-700
            })
        }else if (index == 2016){
            $('.swiper-wrapper').stop().animate({
                left :-2350
            })
        }else if (index == 'now'){
            $('.swiper-wrapper').stop().animate({
                left :-4000
            })
        }
    });
    let scrT = 0;
        $('.jj-nav .nav li').on('click' , function(){
        $(this).addClass('current').siblings().removeClass('current');
        let index = $(this).index();
        scrT = $('.content section').eq(index).offset().top
        // console.log(scrT);
        $('html,body').stop().animate({
            scrollTop: scrT,
        })
    })
})